<!DOCTYPE html>
<html>
<head>
<title>oschat</title>
<meta charset="utf-8">
<link href="src/css/login.css" rel="stylesheet" media="screen">
<link href="src/css/font-awesome.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="src/js/jquery-1.8.0.min.js"></script>

</head>
<body>
	<div class="win">
		<div class="win-left">
			<div class="logo">Logo</div>
			<div class="left-main">
				<div class="menu">Login</div>
				<div class="menu">Register</div>
				<div class="menu">Setting</div>
			</div>
		</div>
		<div class="win-right">
			<div class="right-main">
				<div class="login-form">
					<div class="login-form-title">Login</div>
					<div class="login-form-main">
						<div class="input-div">
							<span class="add-on username">
								<i class="icon-user"></i>
							</span>
							<input type="text" placeholder="Username" id="username" />
						</div>
						<div class="input-div">
							<span class="add-on password">
								<i class="icon-lock"></i>
							</span>
							<input type="password" placeholder="Password" id="password" />
						</div>

						<div id="error-msg" class="input-div" style="display:none;">
							<span class="add-on error">
								<i class="icon-exclamation-sign"></i>
							</span>
							<span class="error-msg"></span>
						</div>
					</div>
					<div class="login-form-btns">
						<div class="login-btn">Login</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="src/js/cfg.js"></script>
	<script type="text/javascript" src="src/js/util.js"></script>
	<script type="text/javascript" src="src/js/login.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.login-btn').click(function(){
				var username = $('#username').val();
				var password = $('#password').val();
				login.login(username,password);
			});
		});
	</script>
</body>
</html>